<template>
  <div class="ct">
    <div
      class="navigation-bar"
      style="
        display: flex;
        justify-content: center;
        background: linear-gradient(45deg, #db4be5, #405def);
      "
    >
      <div class="navigation-container">
        <div class="title">选题组卷</div>
      </div>
    </div>


  </div>
</template>

<script></script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="scss" scoped>
.navigation-bar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  background: linear-gradient(45deg, #db4be5, #405def);
  .navigation-container {
    display: flex;
    width: 95%;
    box-sizing: border-box;
    justify-content: space-between;
    align-items: center;
    height: 80px;

    .title {
      color: #fff;
      font-size: 30px;
    }
  }
}
</style>
